<ion-content>
    <div></div>
    <div class="l-box" *ngIf="!autoLogin">
        <!-- 头像开始 -->
        <div style="width:150px;height:150px;position:relative;margin:0 auto;text-align:center;margin-top:20%;">
            <img [src]="util.parseImageUrl(userInfo.head_img)" alt="" style="width:110px;height:110px;margin:0 auto;border-radius:50%;padding:6px;background:#f2f2f2;">
            <div style="position:absolute;right: 25px;
    border: 1px solid #ccc;
    border-radius: 14px;
    padding: 5px 13px;
    bottom: 0px;">
                <input type="file" style="opacity: 0;position:absolute;width:100%;" (change)="uploadHeadImg($event)">
                <i class="fas fa-pencil-alt" style="color:#999;"></i>
                <button style="color:#999;border:none;background:none;">修改头像</button>
            </div>
        </div>
        <!-- 头像结束 -->
        <!-- 账号开始 -->
        <div class="l-zh" style="width: 70%; margin: 0 auto">
            <!-- 手机号 -->
            <div class="l-zh-box">
                <div class="l-zh-icon">
                    <img src="assets/imgs/login-tel.png" alt="" style="top:-4px;width: 12px;">
                </div>
                <div class="l-zh-input">
                    <input type="text" placeholder="请输入手机号" [(ngModel)]="userInfo.username">
                </div>
            </div>
            <!-- 验证码 -->
            <div class="l-zh-yz">

                <div class="left">
                    <div class="l-zh-icon">
                        <img src="assets/imgs/login-key.png" alt="" style="top:-4px;">
                    </div>
                    <div class="l-zh-input">
                    <input type="text" placeholder="请输入验证码" [(ngModel)]="userInfo.code">
                    </div>
                </div>
                <button class="right" (click)="getCode()" [disabled]="timer.start">{{timer.text}}</button>
            </div>
            <!--<div class="ht-line-20 ht-999 ht-font-14 ht-text-center">忘记密码</div>-->
        </div>
        <!-- 账号结束 -->
        <!-- 按钮开始 -->
        <div class="l-btn">
            <button class="l-btn-box" (click)="doLogin()">手机号快捷登录</button>
            <!--<button class="l-btn-box" (click)="clear()">注销</button>-->
        </div>
        <!-- 按钮结束 -->
    </div>
</ion-content>
